body{ 
    background: #fff;
    /* ios下，字体抗锯齿，让字体渲染更平滑 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    /* ios下，让滑动更顺畅，当元素被设置定位后，设置此属性仍无效，设置z-index即可解决 */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* ios下，禁止长按弹出菜单，如a、img */
    -webkit-touch-callout: none;
    /* ios下，避免safire点击出现高亮 */
    -webkit-tap-highlight-color: transparent;
    /* ios下，禁止页面元素被拖拽，如图片 */
    -webkit-user-drag: none;
    /* 禁止页面选择 */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* 禁止设备自动调整字体大小 */
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    /* 提高字体渲染的可读性，它会使字间距和连字有效，移动端慎用！！！影响性能 */
    text-rendering: optimizeLegibility;
    /* 定义当元素背面向屏幕时是否可见 */
    -webkit-backface-visibility: hidden;
    -ms-content-zooming: none;
    word-wrap: break-word;
}

.rel{ position: relative;
}
.abs{ position: absolute;
}
.fixed{ position: fixed;
}

.fl{ float: left;
}
.fr{ float: right;
}
.clear{ clear: both;
}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }

.w-full{ width: 100%;
}
.h-full{ height: 100%;
}

.hide{ display: none;
}
.show{ display: block;
}

.p-0{ padding: 0;
}
.pl-0{ padding-left: 0;
}
.pr-0{ padding-right: 0;
}

.m-0{ margin: 0;
}
.ml-0{ margin-left: 0;
}
.mr-0{ margin-right: 0;
}

ul{ margin-left: 0; padding-left: 0;
}
li{ list-style: none; padding-left: 0; margin-left: 0;
}

/*行内元素，内联元素对齐方式*/
.text-center{ text-align: center;
}
.text-right{ text-align: right;
}
.text-left{ text-align: left;
}

.table{ display: table; text-align: left;
}
.table-cell{ display: table-cell; vertical-align: middle;
}

a, a:hover{ text-decoration: none; }

.pointer:hover{ cursor: pointer;
}

.del{ position: relative;
}
.del::after{ content: ""; display: block; position: absolute; left: 0; top: 50%; width: 100%;border-top: 1px solid #bbb;
}

/*自动隐藏文字*/
.aui-ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.aui-ellipsis { display: -webkit-box; overflow: hidden; text-overflow: ellipsis;
  word-wrap: break-word; word-break: break-all; white-space: normal !important;
  -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.aui-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.icon{ display: inline-block;  position: relative; top: 2px; width: 14px; height: 14px;
}

.border-test{ border: 1px solid #F54545;
}

.flex{ display: flex;
}
.flex-v{ display: flex; flex-direction: column;
}
/*主轴方向，两端对齐*/
.flex-pack-between{ display: flex; justify-content: space-between;
}
/*主轴方向，均匀分配*/
.flex-pack-around{ display: flex; justify-content: space-around;
}
/*副轴方向，居中对齐*/
.flex-align-center{ display: flex; align-items: center; 
}
.flex-1{ flex: 1;
}
/*主轴：两端对齐、副轴：居中对齐*/
.flex-between-center{ display: flex; justify-content: space-between; align-items: center;
}
/*主轴：均匀分配、副轴：居中对齐*/
.flex-around-center{ display: flex; justify-content: space-around; align-items: center;
}
/*主轴、副轴：居中对齐*/
.flex-center{ display: flex; justify-content: center;align-items: center;
}
/*flex布局下的元素，防止子元素撑破，超出flex布局元素范围*/
.flex > *,
.flex-v > *,
.flex-pack-between > *,
.flex-pack-around > *,
.flex-align-center > *,
.flex-between-center > *
.flex-around-center > *,
.flex-center > *
{ min-width: 0;
}